<%-- 
    Document   : posting
    Created on : Apr 2, 2013, 11:50:44 PM
    Author     : ECH
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>

<!DOCTYPE html>
<html itemscope itemtype="http://schema.org/ItemPage">
    <head>        
        <link rel='shortcut icon' type='image/x-icon' href='/favicon.ico' />
        <link rel="publisher" href="http://google.com/+RentpadPhi" />  
        
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <c:choose>
            <c:when test="${model.place.placeTypeID == 5}">
                <title>${model.place.title} - Condos / Apartments For Rent in ${model.place.displayCity} &#10004;</title>
                <c:if test="${empty model.place.shortDescription}"><meta name="description" content="Long term and short term condos / apartments for rent at ${model.place.title} in ${model.place.displayCity} as well as reviews / tips about the place." /></c:if>
                <c:if test="${not empty model.place.shortDescription}"><meta name="description" content="${model.place.shortDescription}" /></c:if>

                <meta name="keywords" content="${model.place.title} for rent, ${model.place.title} ${model.place.displayCity} for rent, ${model.place.title} apartment for rent, ${model.place.title} condo for rent, ${model.place.title} condominium for rent, apartment for rent at ${model.place.title}, condo for rent at ${model.place.title}, condominium for rent at ${model.place.title}"/>

                <meta property="og:type" content="place"/>
                <meta property="og:site_name" content="Rentpad.com.ph"/>
                <meta property="og:url" content="${model.props.appPath}/places/${fn:replace(model.place.title, ' ', '-')}/${model.place.id}"/>
                <meta property="og:title" content="${model.place.title} - Condos / Apartments For Rent in ${model.place.displayCity}"/>                        
                <c:if test="${empty model.place.shortDescription}"><meta property="og:description" content="Long term and short term condos / apartments for rent at ${model.place.title} in ${model.place.displayCity} as well as reviews / tips about the place." /></c:if>
                <c:if test="${not empty model.place.shortDescription}"><meta property="og:description" content="${model.place.shortDescription}" /></c:if>
                <c:if test="${empty model.place.primaryPhoto.filename}"><meta property="og:image" content="${model.props.appPath}/img/rentpad-logo-1.png"/></c:if>  
                <c:if test="${not empty model.place.primaryPhoto.filename}"><meta property="og:image" content="${model.props.rootPath}/uploads/img/001-${model.place.primaryPhoto.filename}"/></c:if>    


                <meta name="twitter:card" content="summary"/>
                <meta name="twitter:site" value="@rentpadph"/>
                <meta name="twitter:url" content="${model.props.appPath}/places/${fn:replace(place.title, ' ', '-')}/${model.place.id}"/>
                <meta name="twitter:title" content="${model.place.title} - Condos / Apartments For Rent in ${model.place.displayCity}"/>
                <c:if test="${empty model.place.shortDescription}"><meta name="twitter:description" content="Long term and short term condos / apartments for rent at ${model.place.title} in ${model.place.displayCity} as well as reviews / tips about the place."/></c:if>
                <c:if test="${not empty model.place.shortDescription}"><meta name="twitter:description" content="${model.place.shortDescription}"/></c:if>
                <c:if test="${empty model.place.primaryPhoto.filename}"><meta property="twitter:image" content="${model.props.appPath}/img/rentpad-logo-1.png"/></c:if>  
                <c:if test="${not empty model.place.primaryPhoto.filename}"><meta property="twitter:image" content="${model.props.rootPath}/uploads/img/001-${model.place.primaryPhoto.filename}"/></c:if>

                <meta itemprop="name" content="${model.place.title}"/>
                <meta itemprop="keywords" content="${model.place.title} for rent, ${model.place.title} ${model.place.displayCity} for rent, ${model.place.title} apartment for rent, ${model.place.title} condo for rent, ${model.place.title} condominium for rent, apartment for rent at ${model.place.title}, condo for rent at ${model.place.title}, condominium for rent at ${model.place.title}" />
                <c:if test="${empty model.place.shortDescription}"><meta itemprop="description" content="Long term and short term condos / apartments for rent at ${model.place.title} in ${model.place.displayCity} as well as reviews / tips about the place."/></c:if>
                <c:if test="${not empty model.place.shortDescription}"><meta itemprop="description" content="${model.place.shortDescription}"/></c:if>     
                <c:if test="${empty model.place.primaryPhoto.filename}"><meta property="image" content="${model.props.appPath}/img/rentpad-logo-1.png"/></c:if>  
                <c:if test="${not empty model.place.primaryPhoto.filename}"><meta property="image" content="${model.props.rootPath}/uploads/img/001-${model.place.primaryPhoto.filename}"/></c:if>          
            </c:when>        
                
            <c:when test="${model.place.placeTypeID == 6}">
                <title>${model.place.title} - Houses For Rent in ${model.place.displayCity}</title>
                <c:if test="${empty model.place.shortDescription}"><meta name="description" content="Long term and short term houses for rent at ${model.place.title} in ${model.place.displayCity} as well as reviews / tips about the place." /></c:if>
                <c:if test="${not empty model.place.shortDescription}"><meta name="description" content="${model.place.shortDescription}" /></c:if>

                <meta property="og:type" content="place"/>
                <meta property="og:site_name" content="Rentpad.com.ph"/>
                <meta property="og:url" content="${model.props.appPath}/places/${fn:replace(model.place.title, ' ', '-')}/${model.place.id}"/>
                <meta property="og:title" content="${model.place.title} - Houses For Rent in ${model.place.displayCity}"/>              
                <c:if test="${empty model.place.shortDescription}"><meta name="description" content="Long term and short term houses for rent at ${model.place.title} in ${model.place.displayCity} as well as reviews / tips about the place." /></c:if>
                <c:if test="${not empty model.place.shortDescription}"><meta property="og:description" content="${model.place.shortDescription}" /></c:if>               
                <c:if test="${empty model.place.primaryPhoto.filename}"><meta property="og:image" content="${model.props.appPath}/img/rentpad-logo-1.png"/></c:if>  
                <c:if test="${not empty model.place.primaryPhoto.filename}"><meta property="og:image" content="${model.props.rootPath}/uploads/img/001-${model.place.primaryPhoto.filename}"/></c:if> 

                <meta name="twitter:card" content="summary"/>
                <meta name="twitter:site" value="@rentpadph"/>
                <meta name="twitter:url" content="${model.props.appPath}/places/${fn:replace(model.place.title, ' ', '-')}/${model.place.id}"/>
                <meta name="twitter:title" content="${model.place.title} - Houses For Rent in ${model.place.displayCity}"/>
                <c:if test="${empty model.place.shortDescription}"><meta name="description" content="Long term and short term houses for rent at ${model.place.title} in ${model.place.displayCity} as well as reviews / tips about the place." /></c:if>
                <c:if test="${not empty model.place.shortDescription}"><meta name="twitter:description" content="${model.place.shortDescription}"/></c:if>            
                <c:if test="${empty model.place.primaryPhoto.filename}"><meta property="twitter:image" content="${model.props.appPath}/img/rentpad-logo-1.png"/></c:if>  
                <c:if test="${not empty model.place.primaryPhoto.filename}"><meta property="twitter:image" content="${model.props.rootPath}/uploads/img/001-${model.place.primaryPhoto.filename}"/></c:if>

                <meta itemprop="name" content="${model.place.title}"/>
                <meta itemprop="keywords" content="${model.place.title} for rent, ${model.place.title} ${model.place.displayCity} for rent, ${model.place.title} apartment for rent, ${model.place.title} condo for rent, ${model.place.title} condominium for rent, apartment for rent at ${model.place.title}, condo for rent at ${model.place.title}, condominium for rent at ${model.place.title}" />
                <c:if test="${empty model.place.shortDescription}"><meta name="description" content="Long term and short term houses for rent at ${model.place.title} in ${model.place.displayCity} as well as reviews / tips about the place." /></c:if>
                <c:if test="${not empty model.place.shortDescription}"><meta itemprop="description" content="${model.place.shortDescription}"/></c:if>            
                <c:if test="${empty model.place.primaryPhoto.filename}"><meta property="image" content="${model.props.appPath}/img/rentpad-logo-1.png"/></c:if>  
                <c:if test="${not empty model.place.primaryPhoto.filename}"><meta property="image" content="${model.props.rootPath}/uploads/img/001-${model.place.primaryPhoto.filename}"/></c:if>
            </c:when>
                
            <c:otherwise>
                <title>${model.place.title} - Apartments, Condos, Houses and Rooms For Rent</title>
                <c:if test="${empty model.place.shortDescription}"><meta name="keywords" content="${model.place.title} for rent, ${model.place.title} ${model.place.displayCity} for rent, ${model.place.title} house for rent, house for rent at ${model.place.title}, house for rent at ${model.place.title} ${model.place.displayCity}"/></c:if>
                <c:if test="${not empty model.place.shortDescription}"><meta name="description" content="${model.place.shortDescription}" /></c:if>

                <meta property="og:type" content="place"/>
                <meta property="og:site_name" content="Rentpad.com.ph"/>
                <meta property="og:url" content="${model.props.appPath}/places/${fn:replace(model.place.title, ' ', '-')}/${model.place.id}"/>
                <meta property="og:title" content="${model.place.title} - Apartments, Condos, Houses and Rooms For Rent"/>              
                <c:if test="${empty model.place.shortDescription}"><meta property="og:description" content="About ${model.place.title} and list of properties available for rent." /></c:if>
                <c:if test="${not empty model.place.shortDescription}"><meta property="og:description" content="${model.place.shortDescription}" /></c:if>               
                <c:if test="${empty model.place.primaryPhoto.filename}"><meta property="og:image" content="${model.props.appPath}/img/rentpad-logo-1.png"/></c:if>  
                <c:if test="${not empty model.place.primaryPhoto.filename}"><meta property="og:image" content="${model.props.rootPath}/uploads/img/001-${model.place.primaryPhoto.filename}"/></c:if> 

                <meta name="twitter:card" content="summary"/>
                <meta name="twitter:site" value="@rentpadph"/>
                <meta name="twitter:url" content="${model.props.appPath}/places/${fn:replace(model.place.title, ' ', '-')}/${model.place.id}"/>
                <meta name="twitter:title" content="${model.place.title} - Apartments, Condos, Houses and Rooms For Rent"/>
                <c:if test="${empty model.place.shortDescription}"><meta name="twitter:description" content="About ${model.place.title} and list of homes available for rent."/></c:if>
                <c:if test="${not empty model.place.shortDescription}"><meta name="twitter:description" content="${model.place.shortDescription}"/></c:if>            
                <c:if test="${empty model.place.primaryPhoto.filename}"><meta property="twitter:image" content="${model.props.appPath}/img/rentpad-logo-1.png"/></c:if>  
                <c:if test="${not empty model.place.primaryPhoto.filename}"><meta property="twitter:image" content="${model.props.rootPath}/uploads/img/001-${model.place.primaryPhoto.filename}"/></c:if>

                <meta itemprop="name" content="${model.place.title}"/>
                <meta itemprop="keywords" content="${model.place.title} for rent, ${model.place.title} ${model.place.displayCity} for rent, ${model.place.title} apartment for rent, ${model.place.title} condo for rent, ${model.place.title} condominium for rent, apartment for rent at ${model.place.title}, condo for rent at ${model.place.title}, condominium for rent at ${model.place.title}" />
                <c:if test="${empty model.place.shortDescription}"><meta itemprop="description" content="List of homes available for rent at ${model.place.title}, ${model.place.displayCity}."/></c:if>
                <c:if test="${not empty model.place.shortDescription}"><meta itemprop="description" content="${model.place.shortDescription}"/></c:if>            
                <c:if test="${empty model.place.primaryPhoto.filename}"><meta property="image" content="${model.props.appPath}/img/rentpad-logo-1.png"/></c:if>  
                <c:if test="${not empty model.place.primaryPhoto.filename}"><meta property="image" content="${model.props.rootPath}/uploads/img/001-${model.place.primaryPhoto.filename}"/></c:if>
            </c:otherwise>
                
        </c:choose>        
           
        <style>
            a {color:#404042;text-decoration:none;}      /* unvisited link */
            a:visited {color:#404042;}  /* visited link */
            a:hover {color:#404042;}  /* mouse over link */
            a:active {color:#404042;}  /* selected link */
            
            @font-face
            {
            font-family: avant;
            src: url('${model.props.appPath}/fonts/avangmi-webfont.ttf');
            }
            -webkit-overflow-scrolling: touch; 
            
            .img-btn {
                cursor: hand; cursor: pointer;
            }
            .view-tile-float-wrap {
                /* 816 = <number of floats> * (<float width> + 2 * <float border width>) */
                width:1070px;
                border:0px solid;
                /* causes .float-wrap's height to match its child divs */
                overflow:auto;
            }
            .view-tile-left-floater {
                width:330px;
                border:0px solid;    
                float:left;
                margin-left: 20px;
                margin-top: 40px;
                background-color:#ffffff;
            }
            .view-tile-outer {
                overflow-x: hidden;   
            }

            .view-list-float-wrap {
                /* 816 = <number of floats> * (<float width> + 2 * <float border width>) */
                width:1000px;
                border:0px solid;
                /* causes .float-wrap's height to match its child divs */
                overflow: hidden;
            }
            .view-list-left-floater {
                width:210px;
                border:0px solid;    
                float:left;
                margin-left: 20px;
                margin-top: 20px;
                background-color:#F5F2F3;
            }
            .view-list-outer {
                overflow-x: hidden;   
            }
            .listing-photo-holder{
                border: 0px solid black;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;                  
            }
            .search-panel-holder{
                border: 0px solid black;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;                  
            }            
            .select-panel-holder{
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;                  
            }
        </style>

        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=places"></script>
        <script type="text/javascript" src="${model.props.appPath}/js/jquery/jquery-1.9.1.min.js"></script>
        <script type="text/javascript" src="${model.props.appPath}/js/jquery/jquery-1.10.3-ui.min.js"></script> 
        <script type="text/javascript" src="${model.props.appPath}/js/token/jquery.tokeninput.js"></script> 

        <%@ include file="include/placeMaps.jsp" %>

        <script type="text/javascript">
            $(function() {
                try {
                    showLongTerms();
                    initialize();
                }
                catch (e) {
                    alert(e)
                }
            });
            function showLongTerms() {
                $("#view-list-longterm").show();
                $("#view-list-shortterm").hide();
                                
                $("#btn-longterm-active").show();
                $("#btn-longterm-inactive").hide();
                $("#btn-shortterm-active").hide();
                $("#btn-shortterm-inactive").show();
            }
            function showShortTerms() {
                $("#view-list-longterm").hide();
                $("#view-list-shortterm").show();
                                
                $("#btn-longterm-active").hide();
                $("#btn-longterm-inactive").show();
                $("#btn-shortterm-active").show();
                $("#btn-shortterm-inactive").hide();
            }
        </script>  

        <script>
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
            })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
            ga('create', 'UA-44197833-1', 'rentpad.com.ph');
            ga('send', 'pageview');
        </script>
        
    </head>

    <body style="text-align: center; background-color: #FAFAFA; color: #404042; font-family: avant, Century Gothic, Calibri, Verdana; padding: 0px; margin: 0px;" >

        <div style="margin-top: 0px; background-color: white;">

            <%@include file="header.jsp" %>

            <div style="width: 100%; text-align: left; font-family: avant, Century Gothic, Calibri, Verdana; color: #404042; background-color: white; background: url('${model.props.appPath}/img/place-background.jpg'); background-repeat: no-repeat; background-size: 100%; display: block; position: relative; top: -2px;">

                <br>                  

                <div style="width: 1020px; margin-top: 10px; margin: 0 auto; background-color: #fcfcfc; border: 1px solid #e1e1e1; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;">

                    
                    <table border="0" style="width: 100%; border-collapse: collapse;">
                        <tr>
                            <td style="vertical-align: top;">
                                
                                <table style="width: 100%; font-size: 13px; margin-top: 5px;" cellspacing="7" cellpadding="7" border="0">
                                    <tr>
                                        <td style="vertical-align: top; padding-left: 10px; vertical-align: top;">
                                            
                                            <!--
                                            <

                                            <br>
                                            -->    
                                            
                                            <table cellpadding="5" cellspacing="5">
                                                <tr>
                                                    <td>
                                                        <c:if test="${model.place.placeTypeID == 1}">
                                                            <img src="${model.props.appPath}/img/ico-condo.png" />
                                                        </c:if>
                                                        <c:if test="${model.place.placeTypeID == 2}">
                                                            <img src="${model.props.appPath}/img/ico-condo.png" />
                                                        </c:if>
                                                        <c:if test="${model.place.placeTypeID == 3}">
                                                            <img src="${model.props.appPath}/img/ico-city.png" />
                                                        </c:if>
                                                        <c:if test="${model.place.placeTypeID == 4}">
                                                            <img src="${model.props.appPath}/img/ico-neighbourhood.png" />
                                                        </c:if>
                                                        <c:if test="${model.place.placeTypeID == 5}">
                                                            <img src="${model.props.appPath}/img/ico-condo.png" />                                             
                                                        </c:if>             
                                                        <c:if test="${model.place.placeTypeID == 6}">
                                                            <img src="${model.props.appPath}/img/ico-village.png" />                                              
                                                        </c:if>
                                                    </td>
                                                    <td style="vertical-align: top;">
                                                        <c:if test="${model.place.placeTypeID == 1}">
                                                            <div itemscope itemtype="http://schema.org/Place" itemprop="contentLocation">
                                                        </c:if>
                                                        <c:if test="${model.place.placeTypeID == 2}">
                                                            <div itemscope itemtype="http://schema.org/Place" itemprop="contentLocation">
                                                        </c:if>
                                                        <c:if test="${model.place.placeTypeID == 3}">
                                                            <div itemscope itemtype="http://schema.org/Place" itemprop="contentLocation">
                                                        </c:if>
                                                        <c:if test="${model.place.placeTypeID == 4}">
                                                            <div itemscope itemtype="http://schema.org/Place" itemprop="contentLocation">
                                                        </c:if>
                                                        <c:if test="${model.place.placeTypeID == 5}">
                                                            <div itemscope itemtype="http://schema.org/ApartmentComplex" itemprop="contentLocation">                                                
                                                        </c:if>             
                                                        <c:if test="${model.place.placeTypeID == 6}">
                                                            <div itemscope itemtype="http://schema.org/GatedResidenceCommunity" itemprop="contentLocation">                                                
                                                        </c:if>  

                                                            <h1><span itemprop="name">${model.place.title} </span></h1>

                                                            <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress" style="position: relative; top:-8px; font-size: 14px;">
                                                                <p>
                                                                    <img src="${model.props.appPath}/img/icon-location-small.jpg" style="position: relative; top: 2px;"/>
                                                                    <c:if test="${not empty model.place.street}"><span itemprop="streetAddress">${model.place.street}, </span></c:if>
                                                                    <c:if test="${not empty model.place.displayCity}"><span itemprop="streetAddress">${model.place.displayCity}, </span></c:if>
                                                                    <c:if test="${not empty model.place.region}"><span itemprop="streetAddress">${model.place.region}, </span></c:if>
                                                                    <c:if test="${not empty model.place.country}"><span itemprop="streetAddress">${model.place.country}</span></c:if>
                                                                </p>                                                    
                                                            </div>

                                                            <div itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates">
                                                                <meta itemprop="latitude" content="${model.place.lat}" />
                                                                <meta itemprop="longitude" content="${model.place.lng}" />
                                                            </div>

                                                            <c:if test="${not empty model.place.wikiURL}">
                                                                <meta itemprop="sameAs" content="${model.place.wikiURL}"/>  
                                                            </c:if>
                                                            <meta itemprop="url" content="${model.props.appPath}/places/${fn:replace(fn:toLowerCase(place.title), ' ', '-')}/${model.place.id}"/> 
                                                            
                                                            <div style="display: none;">
                                                                <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                                                                    <a href="${model.props.appPath}" title="Home" style="color:#369" itemprop="url">
                                                                        <span itemprop="title">Home</home>
                                                                    </a> 
                                                                </span>
                                                                >
                                                                <span itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                                                                    <a href="${model.props.appPath}/places" title="Places" style="color:#369" itemprop="url">
                                                                        <span itemprop="title">Places</home>
                                                                    </a> 
                                                                </span>
                                                                >
                                                                ${model.place.title}                                                    
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </table>
                                            
                                            
                                                     
                                            <c:if test="${not empty model.place.description}">
                                                <br>    
                                                <div style=" font-size: 13px;">
                                                    ${model.place.description}
                                                </div>
                                                <br>    
                                            </c:if>
                                        </td>
                                </table>
                                
                                <div style="width: 100%; min-height: 50px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; background-color: #eaeaea;" > 
                                    <c:if test="${model.place.placeTypeID == 5}">
                                         <h2 style="font-size:15px; position: relative; top: 5px;">&nbsp;&nbsp;&nbsp;&nbsp;&#x25BC;&nbsp;Condos / Apartments For Rent</h2>                                               
                                     </c:if>             
                                     <c:if test="${model.place.placeTypeID == 6}">
                                         <h2 style="font-size:15px; position: relative; top: 5px;">&nbsp;&nbsp;&nbsp;&nbsp;&#x25BC;&nbsp;Houses For Rent</h2>                                               
                                     </c:if>  
                                     <c:if test="${model.place.placeTypeID != 5 && model.place.placeTypeID != 6}">
                                         <h2 style="font-size:15px; position: relative; top: 5px;">&nbsp;&nbsp;&nbsp;&nbsp;&#x25BC;&nbsp;Homes For Rent</h2>             
                                     </c:if>                     
                                </div>  
                                               
                                <br>
                                                            
                                <table style="width: 100% font-size: 13px; margin-top: 5px;" cellspacing="3" cellpadding="3" border="0">
                                    <tr>
                                        <td align="right">
                                            <img class="img-btn" id="btn-longterm-active" src="${model.props.appPath}/img/btn-longterm-active.jpg" onclick="showLongTerms()" style="cursor: hand; cursor: pointer;" title="Long Term Rentals" alt="Long Term Rentals"/>
                                            <img class="img-btn" id="btn-longterm-inactive" src="${model.props.appPath}/img/btn-longterm-inactive.jpg" onclick="showLongTerms()" style="cursor: hand; cursor: pointer;" title="Long Term Rentals" alt="Long Term Rentals"/>
                                            <!--
                                            <div style="color: #fafafa; font-weight: bold; width: 105px; height: 10px; background-image: url('${model.props.appPath}/img/btn-place-background-inactive.png'); background-repeat: repeat-x; padding: 10px;">
                                                &nbsp;&nbsp;
                                                LONG TERM
                                                <br>
                                                &nbsp;&nbsp;
                                            </div>
                                            -->
                                        </td>
                                        <td>         
                                            <img class="img-btn" id="btn-shortterm-active" src="${model.props.appPath}/img/btn-shortterm-active.jpg" onclick="showShortTerms()" style="cursor: hand; cursor: pointer;" title="Short Term Rentals" alt="Short Term Rentals"/>
                                            <img class="img-btn" id="btn-shortterm-inactive" src="${model.props.appPath}/img/btn-shortterm-inactive.jpg" onclick="showShortTerms()" style="cursor: hand; cursor: pointer;" title="Short Term Rentals" alt="Short Term Rentals"/>
                                            <!--
                                            <div style="color: #fafafa; font-weight: bold; width: 105px; height: 10px; background-image: url('${model.props.appPath}/img/btn-place-background-inactive.png'); background-repeat: repeat-x; padding: 10px;">
                                                &nbsp;&nbsp;
                                                SHORT TERM
                                                <br>
                                                &nbsp;&nbsp;
                                            </div>
                                            -->
                                        </td>
                                        <td style="width: 70%">
                                            
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="3"> 
                                            <div style="border: 1px solid #eaeaea; position: relative; top: -12px;">
                                                <table style="width: 100%; font-size: 13px; margin-top: 5px;" cellspacing="7" cellpadding="7" border="0">

                                                    <tr>
                                                        <td>
                                                            <c:if test="${not empty model.longTermListings}">

                                                                <div id="view-list-longterm" > 

                                                                    <div id="view-list-outer" class="view-list-outer">   

                                                                    <c:forEach items="${model.longTermListings}" var="listing">  
                                                                        <div itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="listing-holder" style="background-color:#ffffff; width: 97%; margin-top: 10px; margin-left:10px;">
                                                                            <table cellpadding="3" style="width:100%; font-family: avant, Century Gothic, Calibri;">
                                                                                <tr>
                                                                                    <td style="height: 100px; width: 10%">
                                                                                        <c:choose>
                                                                                            <c:when test="${listing.leaseLongTerm}">
                                                                                                <a href="${model.props.appPath}/for-rent/${fn:toLowerCase(listing.city)}/${fn:replace(listing.displayTitle, ' ', '-')}/${listing.id}">
                                                                                            </c:when>
                                                                                            <c:otherwise>
                                                                                                <a href="${model.props.appPath}/for-rent/${fn:toLowerCase(listing.city)}/${fn:replace(listing.displayTitle, ' ', '-')}/${listing.id}">
                                                                                            </c:otherwise>
                                                                                        </c:choose>   

                                                                                        <c:choose>
                                                                                            <c:when test="${not empty listing.primaryPhoto.filename}">
                                                                                                <div class="listing-holder" style="height:80px; width:160px; background: url('${model.props.rootPath}/uploads/img/002-${listing.primaryPhoto.filename}'); background-size:cover; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;">

                                                                                                </div>
                                                                                            </c:when>
                                                                                            <c:otherwise>  
                                                                                                <div class="listing-holder" style="height:80px; width:160px; background: url('${model.props.appPath}/img/no-photo.png'); background-size:cover; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;" >

                                                                                                </div>
                                                                                            </c:otherwise>
                                                                                        </c:choose>

                                                                                    </td>
                                                                                    <td style="vertical-align: top;"> 

                                                                                        <table border="0" style="width: 98%; padding-top:15px; margin-left: 0px; font-family: avant, Century Gothic, Calibri;">
                                                                                            <tr>
                                                                                                <td style="vertical-align: top;  width: 550px;">
                                                                                                    <div itemprop="itemOffered" itemscope itemtype="http://schema.org/Product" style="padding-top:5px; padding-bottom:0px;">                                                                    
                                                                                                        <span itemprop="name" style="font-size: 13px; padding-bottom: 10px">
                                                                                                            <c:if test="${listing.available}">
                                                                                                                ${listing.title}
                                                                                                            </c:if>
                                                                                                            <c:if test="${!listing.available}">
                                                                                                                <strike title=" Unit is rented out. ">${listing.title}</strike>
                                                                                                            </c:if>                                       
                                                                                                        </span>
                                                                                                    </div>
                                                                                                </td>
                                                                                                <td  style="vertical-align: top; width: 180px;" align="right">                       

                                                                                                    <div >
                                                                                                        <c:choose>
                                                                                                            <c:when test="${listing.leaseLongTerm}">
                                                                                                                <meta itemprop="priceCurrency" content="PHP" />
                                                                                                                <span itemprop="price" style="font-size: 22px; font-weight: bold;">&#8369; ${listing.longMonthRate}</span>
                                                                                                                <span style="font-size: 12px;"> /Mo.</span>
                                                                                                            </c:when>
                                                                                                            <c:otherwise>
                                                                                                                <meta itemprop="priceCurrency" content="PHP" />
                                                                                                                <span itemprop="price" style="font-size: 22px; font-weight: bold;">&#8369; ${listing.shortDayRate}</span>
                                                                                                                <span style="font-size: 12px;"> /Night.</span>
                                                                                                            </c:otherwise>
                                                                                                        </c:choose>    
                                                                                                    </div>

                                                                                                    <div style="padding-top:5px; padding-bottom:0px;">
                                                                                                        <span style="font-size: 16px; font-weight: normal;">${listing.sqArea}</span>
                                                                                                        <span style="font-size: 12px;"> sqm.</span>
                                                                                                    </div>
                                                                                                </td>
                                                                                            </tr>
                                                                                        </table>                                                                                                                                                                            
                                                                                    </td>
                                                                                </tr>
                                                                            </table>
                                                                        </div>
                                                                    </c:forEach>
                                                                        <div style="padding: 5px;">
                                                                            &nbsp;&nbsp;&nbsp;

                                                                            <c:if test="${model.place.placeTypeID != 5 && model.place.placeTypeID != 6}">
                                                                                <br>
                                                                                &nbsp;&nbsp;&#x25B6;<a href="${model.props.appPath}/long-term-rentals/${fn:replace(fn:toLowerCase(model.place.title), ' ', '-')}" style="color:#369; text-decoration: underline; font-weight: bold;">See more long term rentals in ${model.place.title}</a>
                                                                            </c:if>
                                                                            <c:if test="${model.place.placeTypeID == 5 || model.place.placeTypeID == 6}">
                                                                                <br>
                                                                                &nbsp;&nbsp;&#x25B6; <a href="${model.props.appPath}/long-term-rentals/${fn:replace(fn:toLowerCase(model.place.displayCity), ' ', '-')}" style="color:#369; text-decoration: underline; font-weight: bold;">See more long term rentals in ${model.place.displayCity}</a>
                                                                            </c:if>
                                                                        </div>
                                                                        <br>
                                                                        <br>
                                                                        <br>
                                                                    </div>                                                
                                                                </div>

                                                            </c:if>

                                                            <c:if test="${not empty model.shortTermListings}">            
                                                                <div id="view-list-shortterm" >                         
                                                                    <div id="view-list-outer" class="view-list-outer">   
                                                                        <c:forEach items="${model.shortTermListings}" var="listing">  
                                                                            <div itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="listing-holder" style="background-color:#f8f8f8; width: 97%; margin-top: 10px; margin-left:10px;">
                                                                                <table cellpadding="3" style="width:100%; font-family: avant, Century Gothic, Calibri;">
                                                                                    <tr>
                                                                                        <td style="height: 100px; width: 10%">
                                                                                            <c:choose>
                                                                                                <c:when test="${listing.leaseLongTerm}">
                                                                                                    <a href="${model.props.appPath}/for-rent/${fn:toLowerCase(listing.city)}/${fn:replace(listing.displayTitle, ' ', '-')}/${listing.id}">
                                                                                                </c:when>
                                                                                                <c:otherwise>
                                                                                                    <a href="${model.props.appPath}/for-rent/${fn:toLowerCase(listing.city)}/${fn:replace(listing.displayTitle, ' ', '-')}/${listing.id}">
                                                                                                </c:otherwise>
                                                                                            </c:choose>   

                                                                                            <c:choose>
                                                                                                <c:when test="${not empty listing.primaryPhoto.filename}">
                                                                                                    <div class="listing-holder" style="height:80px; width:160px; background: url('${model.props.rootPath}/uploads/img/002-${listing.primaryPhoto.filename}'); background-size:cover; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;">

                                                                                                    </div>
                                                                                                </c:when>
                                                                                                <c:otherwise>  
                                                                                                    <div class="listing-holder" style="height:80px; width:160px; background: url('${model.props.appPath}/img/no-photo.png'); background-size:cover; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;">

                                                                                                    </div>
                                                                                                </c:otherwise>
                                                                                            </c:choose>
                                                                                        </td>
                                                                                        <td style="vertical-align: top;"> 

                                                                                            <table border="0" style="width: 98%; padding-top:15px; margin-left: 0px; font-family: avant, Century Gothic, Calibri;">
                                                                                                <tr>
                                                                                                    <td style="vertical-align: top;  width: 550px;">
                                                                                                        <div itemprop="itemOffered" itemscope itemtype="http://schema.org/Product" style="padding-top:5px; padding-bottom:0px;">                                                                    
                                                                                                            <span itemprop="name" style="font-size: 13px; padding-bottom: 10px">
                                                                                                                <c:if test="${listing.available}">
                                                                                                                    ${listing.title}
                                                                                                                </c:if>
                                                                                                                <c:if test="${!listing.available}">
                                                                                                                    <strike title=" Unit is rented out. ">${listing.title}</strike>
                                                                                                                </c:if>                                       
                                                                                                            </span>
                                                                                                        </div>
                                                                                                    </td>
                                                                                                    <td style="vertical-align: top; width: 180px;" align="right">
                                                                                                        <div>
                                                                                                            <meta itemprop="priceCurrency" content="PHP" />
                                                                                                            <span itemprop="price" style="font-size: 22px; font-weight: bold;">&#8369; ${listing.shortDayRate}</span>
                                                                                                            <span style="font-size: 12px;"> /Night.</span>
                                                                                                        </div>
                                                                                                        <div style="padding-top:5px; padding-bottom:0px;">
                                                                                                            <span style="font-size: 16px; font-weight: normal;">${listing.sqArea}</span>
                                                                                                            <span style="font-size: 12px;"> sqm.</span>
                                                                                                        </div>
                                                                                                    </td>
                                                                                                </tr>
                                                                                            </table>                                                                                                                                                                            
                                                                                        </td>
                                                                                    </tr>
                                                                                </table>
                                                                            </div>
                                                                        </c:forEach>
                                                                        <div style="padding: 5px;">
                                                                            &nbsp;&nbsp;&nbsp;
                                                                            <c:if test="${model.place.placeTypeID != 5 && model.place.placeTypeID != 6}">
                                                                                &nbsp;&nbsp;&#x25B6;&nbsp;<a href="${model.props.appPath}/long-term-rentals/${fn:replace(fn:toLowerCase(model.place.title), ' ', '-')}" style="color:#369; text-decoration: underline; font-weight: bold">See more long term rentals in ${model.place.title}</a>
                                                                            </c:if>
                                                                            <c:if test="${model.place.placeTypeID == 5 || model.place.placeTypeID == 6}">
                                                                                &nbsp;&nbsp;&#x25B6;&nbsp;<a href="${model.props.appPath}/short-term-rentals/${fn:replace(fn:toLowerCase(model.place.displayCity), ' ', '-')}" style="color:#369; text-decoration: underline; font-weight: bold">See more short term rentals in ${model.place.displayCity}</a>
                                                                            </c:if>

                                                                        </div>
                                                                        <br>
                                                                        <br>
                                                                        <br>
                                                                    </div>


                                                                </div>

                                                                <br>                                            
                                                            </c:if>

                                                            <br>



                                                        </td>


                                                    </tr>                                    
                                                </table>
                                            </div>
                                        </td>
                                    </tr>
                                </table>                            
                                                
                                 
                                
                                <br><br>
                                
                                <c:if test="${fn:length(model.foursqTips) > 0}">
                                    
                                    <div style="width: 100%; min-height: 50px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; background-color: #eaeaea;" > 

                                        <table style="width: 100%;">
                                            <tr>
                                                <td style="vertical-align: middle;">                                                        
                                                    &nbsp;&nbsp;&nbsp;<span style="font-size:17px; position: relative; top:5px; font-weight: bold;">&#x25BC;&nbsp;Reviews and Tips</span>   
                                                </td>
                                                <td style="vertical-align: middle;" align="right">
                                                    <a href="http://foursquare.com/v/${model.place.foursqVenueID}?ref=ML2DEUK5TVCJIAXQR23ABT1VYGMHPJZOAKDH31HY4USHGYIM" style="position: relative; top: 5px;">
                                                        <img src="${model.props.appPath}/img/4sq-powered-by.png" style="height: 35px;"/>
                                                    </a>
                                                </td>
                                            </tr>
                                        </table>    
                                    </div>    
                                                    
                                    <br>
                                    
                                    <table style="width: 100%;">
                                        <c:forEach items="${model.foursqTips}" var="foursqTip">
                                            <tr>
                                                <td colspan="2" style="border-top: 1px solid #eaeaea;">
                                                    <table cellpadding="5" cellspacing="5" width: 100%;">
                                                        <tr>
                                                            <td style="width: 36px;"><img src="${foursqTip.photoPrefix}37x37${foursqTip.photoSufix}" /></td>
                                                            <td>
                                                                <span style="font-size: 14px;">${foursqTip.text}</span><br>
                                                                <span style="font-size: 13px; color: #369;">${foursqTip.firstName} ${foursqTip.lastName}</span>
                                                            </td>
                                                        </tr>
                                                    </table>                                                           
                                                </td>
                                            </tr>
                                        </c:forEach>                                                
                                    </table>
                                    
                                </c:if>
                                    
                                <br><br>
                                
                            </td>
                            
                            <td style="width: 250px; vertical-align: top; border-left: 1px solid #eaeaea;">
                                <!--
                                <c:if test="${not empty model.place.primaryPhoto.filename}">
                                    <img src="${model.props.rootPath}/uploads/img/001-${model.place.primaryPhoto.filename}" style="width: 300px;" title="Photo of ${model.place.title}" alt="Photo of ${model.place.title}"/>
                                </c:if>
                                -->
                                <div id="map_canvas" style="width: 300px; height:270px; position:relative; left:0%"></div>
                                <br>                               
                            </td>
                            
                        </tr>

                    </table>

                </div>

                <br><br>                

            </div>

            <%@include file="footer.jsp" %>

        </div>

    </body>
</html>
